<!DOCTYPE html>
<link rel="match" href="../expected/canvas-shadow-ref.html" />
<meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-809">
<style>
    * {
        margin: 0;
    }

    body {
        background-color: white;
    }
</style>
<canvas width=800 height=600></canvas>
<script>
    const canvas = document.querySelector("canvas");
    const ctx = canvas.getContext("2d");

    // Shadow
    ctx.shadowColor = "LightCoral";
    ctx.shadowOffsetX = 15;
    ctx.shadowOffsetY = 15;
    ctx.shadowBlur = 5;

    // Filled rectangle
    ctx.fillStyle = "red";
    ctx.fillRect(20, 10, 100, 100);


    // Stroked rectangle
    ctx.lineWidth = 4;
    ctx.strokeStyle = "red";
    ctx.strokeRect(170, 10, 100, 100);
</script>
